<template>
  <div id="content"> 
    <detail-recommend-list-item 
    v-for="(item, index) in recommendList"
    :key="index"
    :recommend="item"></detail-recommend-list-item>
  </div>
  
</template>

<script>
  import DetailRecommendListItem from './DetailRecommendListItem'
export default {
  name: 'IshopDetailrecommendlist',
  components:{
    DetailRecommendListItem
  },
  props: {
    recommendList:{
      type: Array,
      default: []
    }
  },
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style scoped>
#content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
</style>